<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>ZIXYS</title>


<script src="js/vendor/jquery-1.7.2.min.js"></script>
<script src="js/vendor/angular.min.js"></script>


<LINK REL="StyleSheet" HREF="css/style_grey.css" TYPE="text/css" />
<LINK REL="StyleSheet" HREF="css/css.css" TYPE="text/css" />

<!-- color picker -->
<script type="text/javascript" src="js/colorpicker.js"></script>
<!-- / color picker -->


<style>

	div.b4 {
		transform: perspective(1000px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	}

	div.axis {
		position:absolute;
		left:70%;
		top:700px;
	}
	div.axis div {
		position:absolute;
		top:0;
		left:0;
		width:250px;
		height:250px;
		font-size:30px;
		text-align:center;
		line-height:250px;
		opacity:0.5;
	}
	
	div.axis div:hover {
		background:#6971ff;
	}
	
	
	div.y {
		background:#f00;
		transform:perspective(600px) rotateY(90deg) translate3d(0, 0, -125px);	
	}
	
	div.x {
		background:#0f0;
		transform:perspective(600px) rotateX(90deg) translate3d(0, 0, -125px);
	}

	div.z {
		background:#00f;
		transform:perspective(600px) rotateZ(0deg) translate3d(0, 0, -125px);
	}
	
	
</style>




</head>

<body style="margin:0;">

<div id="wrapper">

    <div class="form-wrapper">
        <form>

            <div class="form-row">
                <label class="form-label">Name : </label>
                <input type="text" class="text-input">
            </div>

            <div class="form-row">
                <label class="form-label">Second Name : </label>
                <input type="text" class="text-input">
            </div>

            <div class="form-row">
                <label class="form-label">Age : </label>
                <input type="text" class="text-input">
            </div>

            <div class="form-row">
                <label class="form-label">Occupation : </label>
                <input type="text" class="text-input">
            </div>

            <div class="form-row">
                <label class="form-label">Gender : </label>
                <select>
                    <option>Male</option>
                    <option>Female</option>
                </select>
            </div>


        </form>
    </div>

</div>

<div id="zixys-main-menu" ng-app="zixys" class="zx__ zixys-main-wrapper"></div>
<!-- <script src="min/zixys.min.js"></script> -->


<script src="js/zixys_old.js"></script>
<script src="js/zixys.marker.js"></script>
<script src="js/zixys.services.js"></script>
<script src="js/zixys.directives.js"></script>
<script src="js/zixys.domSelector.js"></script>
<script src="js/zixys.selector.js"></script>
<script src="js/zixys.styleCollection.js"></script>
<script src="js/zixys.spiner.js"></script>
<script src="js/zixys.gradient.js"></script>
<script src="js/zixys.background.js"></script>
<script src="js/zixys.shadow.js"></script>
<script src="js/zixys.corners.js"></script>
<script src="js/zixys.2dtransform.js"></script>
<script src="js/zixys.font.js"></script>
<script src="js/zixys.export.js"></script>
<script src="js/zixys.js"></script>


<!-- <script src="http://zixys.com/src/zixys-install.min.js"></script> -->
</body>
</html>